<!--<template>-->
<!--  &lt;div class="member-container">-->
<!--    &lt;n-card title="个人中心">-->
<!--      &lt;n-tabs type="line" animated>-->
<!--        &lt;n-tab-pane name="profile" tab="基本资料">-->
<!--          &lt;n-form-->
<!--            ref="profileFormRef"-->
<!--            :model="profileForm"-->
<!--            label-placement="left"-->
<!--            label-width="100"-->
<!--            require-mark-placement="right-hanging"-->
<!--          >-->
<!--            &lt;n-form-item label="用户名">-->
<!--              &lt;n-input v-model:value="profileForm.username" disabled />-->
<!--            &lt;/n-form-item>-->
<!--            &lt;n-form-item label="手机号码">-->
<!--              &lt;n-input v-model:value="profileForm.phone" placeholder="请输入手机号码" />-->
<!--            &lt;/n-form-item>-->
<!--            &lt;n-form-item label="邮箱">-->
<!--              &lt;n-input v-model:value="profileForm.email" placeholder="请输入邮箱" />-->
<!--            &lt;/n-form-item>-->
<!--            &lt;n-form-item>-->
<!--              &lt;n-button type="primary" @click="handleUpdateProfile">-->
<!--                保存修改-->
<!--              &lt;/n-button>-->
<!--            &lt;/n-form-item>-->
<!--          &lt;/n-form>-->
<!--        &lt;/n-tab-pane>-->

<!--        &lt;n-tab-pane name="orders" tab="我的订单">-->
<!--          &lt;n-data-table-->
<!--            :columns="orderColumns"-->
<!--            :data="orders"-->
<!--            :pagination="pagination"-->
<!--            @update:page="handlePageChange"-->
<!--          />-->
<!--        &lt;/n-tab-pane>-->
<!--      &lt;/n-tabs>-->
<!--    &lt;/n-card>-->
<!--  &lt;/div>-->
<!--&lt;/template>-->

<!--&lt;script setup>-->
<!--import { ref, onMounted } from 'vue'-->
<!--import { useMessage } from 'naive-ui'-->
<!--import { useUserStore } from '../store/user'-->
<!--import request from '../utils/request'-->

<!--const message = useMessage()-->
<!--const userStore = useUserStore()-->

<!--// 个人资料表单-->
<!--const profileFormRef = ref(null)-->
<!--const profileForm = ref({-->
<!--  username: userStore.username,-->
<!--  phone: '',-->
<!--  email: ''-->
<!--})-->

<!--// 订单列表-->
<!--const orders = ref([])-->
<!--const pagination = ref({-->
<!--  page: 1,-->
<!--  pageSize: 10,-->
<!--  itemCount: 0-->
<!--})-->

<!--// 订单表格列定义-->
<!--const orderColumns = [-->
<!--  {-->
<!--    title: '订单编号',-->
<!--    key: 'orderNo'-->
<!--  },-->
<!--  {-->
<!--    title: '服务类型',-->
<!--    key: 'serviceType'-->
<!--  },-->
<!--  {-->
<!--    title: '订单金额',-->
<!--    key: 'amount',-->
<!--    render: (row) => `¥${row.amount.toFixed(2)}`-->
<!--  },-->
<!--  {-->
<!--    title: '订单状态',-->
<!--    key: 'status',-->
<!--    render: (row) => {-->
<!--      const statusMap = {-->
<!--        pending: '待支付',-->
<!--        paid: '已支付',-->
<!--        processing: '处理中',-->
<!--        completed: '已完成',-->
<!--        cancelled: '已取消'-->
<!--      }-->
<!--      return statusMap[row.status] || row.status-->
<!--    }-->
<!--  },-->
<!--  {-->
<!--    title: '创建时间',-->
<!--    key: 'createTime'-->
<!--  },-->
<!--  {-->
<!--    title: '操作',-->
<!--    key: 'actions',-->
<!--    render: (row) => {-->
<!--      return h(-->
<!--        NSpace,-->
<!--        {},-->
<!--        {-->
<!--          default: () => [-->
<!--            h(-->
<!--              NButton,-->
<!--              {-->
<!--                size: 'small',-->
<!--                onClick: () => handleViewOrder(row)-->
<!--              },-->
<!--              { default: () => '查看详情' }-->
<!--            ),-->
<!--            row.status === 'pending' &&-->
<!--            h(-->
<!--              NButton,-->
<!--              {-->
<!--                size: 'small',-->
<!--                type: 'primary',-->
<!--                onClick: () => handlePayOrder(row)-->
<!--              },-->
<!--              { default: () => '去支付' }-->
<!--            )-->
<!--          ]-->
<!--        }-->
<!--      )-->
<!--    }-->
<!--  }-->
<!--]-->

<!--// 获取个人资料-->
<!--const fetchProfile = async () => {-->
<!--  try {-->
<!--    const { data } = await request.get('/api/user/profile')-->
<!--    profileForm.value = {-->
<!--      ...profileForm.value,-->
<!--      ...data-->
<!--    }-->
<!--  } catch (error) {-->
<!--    message.error('获取个人资料失败')-->
<!--  }-->
<!--}-->

<!--// 更新个人资料-->
<!--const handleUpdateProfile = async () => {-->
<!--  try {-->
<!--    await request.put('/api/user/profile', profileForm.value)-->
<!--    message.success('个人资料更新成功')-->
<!--  } catch (error) {-->
<!--    message.error('个人资料更新失败')-->
<!--  }-->
<!--}-->

<!--// 获取订单列表-->
<!--const fetchOrders = async () => {-->
<!--  try {-->
<!--    const { data } = await request.get('/api/orders', {-->
<!--      params: {-->
<!--        page: pagination.value.page,-->
<!--        pageSize: pagination.value.pageSize-->
<!--      }-->
<!--    })-->
<!--    orders.value = data.items-->
<!--    pagination.value.itemCount = data.total-->
<!--  } catch (error) {-->
<!--    message.error('获取订单列表失败')-->
<!--  }-->
<!--}-->

<!--// 查看订单详情-->
<!--const handleViewOrder = (order) => {-->
<!--  // 实现查看订单详情的逻辑-->
<!--}-->

<!--// 支付订单-->
<!--const handlePayOrder = (order) => {-->
<!--  // 实现支付订单的逻辑-->
<!--}-->

<!--// 分页变化-->
<!--const handlePageChange = (page) => {-->
<!--  pagination.value.page = page-->
<!--  fetchOrders()-->
<!--}-->

<!--onMounted(() => {-->
<!--  fetchProfile()-->
<!--  fetchOrders()-->
<!--})-->
<!--&lt;/script>-->

<!--&lt;style scoped>-->
<!--.member-container {-->
<!--  padding: 20px;-->
<!--  max-width: 1000px;-->
<!--  margin: 0 auto;-->
<!--}-->
<!--&lt;/style>-->
